<template>
  <div class="profile">
    <nav-bar></nav-bar>
    <profile-side-bar></profile-side-bar>
    <router-view class="content"></router-view>
  </div>
</template>

<script>
  // 公共组件
  import NavBar from "components/content/navBar/NavBar";

  // 引入子组件
  import ProfileSideBar from "./childComps/ProfileSideBar";

  export default {
    name: "Profile",
    components: {
      NavBar,
      ProfileSideBar,
    },
  }
</script>

<style scoped>
  .profile {
    width: 1100px;
    margin: 64px auto 0;
  }

  .content {
    float: left;
    margin-left: 10px;
    width: 790px;
    background-color: #fff;
  }
</style>
